/* global */
conteudo * { font-family: 'Ubuntu', verdana, helveltica; outline: none!important; box-sizing: border-box!important }
body { margin: 0; background: /*url(/lojas/9s0e9/layout/imagens/template7/5de995e7-e2b3-4210-99cf-a6952295b6ac.png)*/ #fff; color: #000; font-size: 13px; padding-top: 220px }
a { text-decoration: none; color: #000 }
a:hover { color: #000 }
ul { list-style-type: none; padding: 0 }
img { max-width: 100% }

/* container */
.container { width: 1100px; margin: 0 auto; display: table }

/* fundos cinza */
#fundo-topo, #fundo-rodape { background: url(/lojas/9s0e9/layout/imagens/template7/41714c9a-4b65-4022-bf30-264359755dae.png); position: absolute; z-index: -1; width: 100%; left: 0 }
#fundo-topo { height: 185px; top: 0 }
#fundo-rodape { height: 481px; bottom: 0 }

/* header */
header { position: fixed; top: 0; width: 100%; border-top: 7px solid #000; z-index: 100 }
header .container { width: 990px }
#logo { float: left; width: 35%; padding: 12px 0 0 0 }
#header-center { float: left; width: 45%; padding-top: 30px; text-align: center }
header ul { margin: 0; display: inline-table }
header ul#login { margin-bottom: 30px }
header nav li { float: left; margin-right: 6px; line-height: 26px }
header nav ul#sociais li a { background: url(/lojas/9s0e9/layout/imagens/template7/49f1d9c4-80d3-4837-8506-ee3ad56a365b.png); display: block; width: 26px; height: 26px }
header nav ul#sociais li#instagram a { background-position: right; margin-right: 10px }
header nav li#li-saudacao #cliente-logado-nome { color: #D01926 }
header form { width: 312px; height: 28px; background: #fff; display: inline-table }
header input { float: left; border: 0; height: 28px; padding: 0 10px; width: 260px; font-size: 13px }
header button { float: right; background: url(/lojas/9s0e9/layout/imagens/template7/68489adf-6e99-4ab5-99ae-b9c6b85b1ee8.png) no-repeat center #000; border: 0; height: 28px; width: 32px }
#carrinho { float: right; width: 20%; padding-top: 80px }
#carrinho a { float: right }
#carrinho #sacola { float: left; background: url(/lojas/9s0e9/layout/imagens/template7/49819821-06b5-43d1-87a5-a1c053519e3d.png); width: 37px; height: 32px; margin-right: 10px }
#carrinho #info { float: left; font-weight: bold; line-height: 14px; padding-top: 5px }

/* categorias */
#section-categorias { clear: both; padding: 10px 0 10px; text-align: center }
#section-categorias li { display: inline-table; margin: 0 1px 5px; background: url(/lojas/9s0e9/layout/imagens/template7/143044ef-7da2-4b7d-bff8-a2c0f8884480.png) repeat-x center; border-radius: 6px; line-height: 35px; height: 35px; position: relative }
#section-categorias li:hover { background: url(/lojas/9s0e9/layout/imagens/template7/b7471a37-16ec-4ba5-88b3-36736c0b5410.png) repeat-x center }
#section-categorias li a { padding: 0 20px; color: #fff; text-transform: uppercase; display: block; font-size: 14px }
#section-categorias li#inicio a { background: url(/lojas/9s0e9/layout/imagens/template7/ccf09c22-9537-4689-bdea-7624425a1ab2.png) no-repeat center; height: 35px; text-indent: -999999px }
#section-categorias li ul { display: none; position: absolute; z-index: 100; text-align: left; background: #84CF60; border-radius: 6px; margin-top: 5px; padding: 10px 0 15px; width: auto; min-width: 100% }
#section-categorias li ul li { background: none; display: block; height: auto; line-height: 14px; border-radius: 0; margin: 0 }
#section-categorias li ul li a { text-transform: none; padding: 3px 20px 4px; display: block }
#section-categorias li ul li a:hover { background: #CF1825 }

/* conteudo */
#section-principal { width: 100%; padding-top: 25px; }

/* banner */
#banner { width: 100%; float: left }

/* slides */
#slideshow-container { width: 100%; float: left; position: relative; margin-bottom: 15px }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0 }
.rslides li:first-child { position: relative; display: block; float: left }
/*alteração*/
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; padding-top: 25px; }
ul.rslides_tabs { text-align: center; position: absolute; z-index: 30; width: 100%; bottom: 5px }
ul.rslides_tabs li { display: inline-table }
ul.rslides_tabs li a { font-size: 0; border-radius: 100px; padding: 5px; background: #000; margin: 0 5px }
li.rslides_here a { background: #fff!important }

/* pagina normal */
#article-conteudo-texto, #article-conteudo-produtos, #article-produto-detalhe { width: 100%; float: left }
#article-conteudo-texto h2, #article-produto-detalhe h2, #article-produto-detalhe h3 { text-transform: uppercase; font-size: 18px; padding-bottom: 20px; margin: 0 }

/* catalogo */
#migalha { width: 60%; float: left; font-size: 13px; margin-top: 10px }
#ordem { width: 30%; float: right; text-align: right; margin: 10px 0 5px }
#ordem select { width: 120px !important; height: 23px; background: rgb(211, 211, 211); border: 0 }
.catalogo-linha { width: 100%; float: left }
.catalogo-linha ul { width: 103% }
.catalogo-linha li { position: relative; width: 254px; height: 374px; float: left; background: #EAEAEA; margin: 0 28px 30px 0; padding: 6px }
.catalogo-linha li a.catalogo-foto { display: block; height: 228px; width: 100%; display: block; overflow: hidden; background-repeat: no-repeat!important; background-position: center!important; background-size: 100% auto!important }
.catalogo-linha li a.catalogo-foto:hover { opacity: .7 }
.catalogo-linha .catalogo-info { padding: 10px 5px }
.catalogo-info h5 { margin: 0; font-weight: normal; max-height: 34px; overflow: hidden }
.catalogo-info h5 a { font-size: 13px; display: block }
.catalogo-info p { margin: 6px 0 0; padding: 0; line-height: 18px }
.catalogo-info .preco { font-size: 16px; font-weight: bold }
.catalogo-info .preco .valor-anterior { text-decoration: line-through; margin-left: 5px; color: #CF1825 }
.catalogo-info .apelo, .catalogo-info .apelo span { font-size: 13px; font-weight: normal }
.catalogo-linha .oferta { position: absolute; z-index: 40; right: 10px; top: -18px; background: url(/lojas/9s0e9/layout/imagens/template7/1cf5a3b5-da91-4b47-bf08-9374f95d8bc5.png); width: 63px; height: 63px; text-align: center; line-height: 60px; color: #CF1825; font-weight: bold; font-size: 14px }
.catalogo-info .consulte, .catalogo-info .esgotado { display: block; text-transform: uppercase; font-weight: bold; padding-top: 6px; color: #CF1825 }

.botao-comprar-lightbox { text-align: center; padding-top: 30px }
.botao-comprar-lightbox a { background: #79BE59; padding: 2px 10px; text-transform: uppercase; color: #fff; font-weight: bold }


/* paginacao */
.pagination { clear: both; text-align: center; padding: 30px 0 }
.pagination span, .pagination a, .pagination em { padding: 2px 7px; background: #EAEAEA; margin: 5px 2px; font-weight: bold; display: inline-table; float: none }
.pagination em, .pagination a:hover { background: #000!important; color: #EAEAEA; font-style: normal; text-decoration: none }

/* produto detalhe */
#article-produto-detalhe .fotos { width: 400px; float: left }
#article-produto-detalhe .fotos .principal img { width: 100% }
#article-produto-detalhe .miniatura img { width: 80px }
#article-produto-detalhe .miniatura:hover { text-decoration: none }
#article-produto-detalhe > div.fotos > p { font-size: 14px; text-align: center; color: #bbb }
#produto-detalhe .preco { font-weight: bold; font-size: 20px }
#produto-detalhe .preco .valor-anterior { text-decoration: line-through; color: #CF1825; margin-left: 5px; font-size: 20px }
#produto-detalhe { width: 650px; float: right; border-left: 2px solid #EAEAEA; padding: 0 0 30px 50px }
#produto-detalhe small { font-size: 12px; float: left; width: 100%; margin-top: 5px; margin-bottom: 10px; text-transform: uppercase; font-weight: normal }
#produto-detalhe .apelo, #produto-detalhe .apelo span { font-size: 14px }
#calcular-frete { color: #CF1825 }
#tabela-medidas:hover { text-decoration: none; opacity: 0.75; transition: all 0.2s ease }
#tabela-medidas { float: left; background-color: #333; width: 140px; text-align: center; padding: 5px; border-radius: 0; color: #fff; font-size: 11px; clear:left; margin: 0 0 20px; transition: all 0.2s ease; display:inline-block; text-transform: uppercase }
#variacao select { clear: both; background-color: #fafafa; float: left; margin: 0 10px 10px 0; padding: 2px; background: rgb(211, 211, 211); border: 0 }
#form-qtd-comprar { width: 100%; float: left }
#form-qtd-comprar > form > fieldset { border: 0; padding: 0 }
#label-qtd { font-size: 14px }
#comprar-qtd { width: 35px; padding: 4px; line-height: 16px; background: rgb(211, 211, 211); border: 0 }
#botao-comprar { clear: both; padding-top: 10px }
#botao-comprar a { float: left }
#botao-comprar a#comprar { float: left;  width: 161px; height: 42px; background: url(/lojas/9s0e9/layout/imagens/template7/95111785-d82e-4152-b987-dfca0e41731e.png); margin-right: 15px }
#botao-comprar a#comprar:hover { text-decoration: none; opacity: 0.75; transition: all 0.2s ease }
#aviso-disponibilidade, #calcular-frete { float: left; font-size: 13px; text-transform: uppercase; font-weight: bold; line-height: 40px }
.produto-descricao { clear: both; width: 100%; margin-top: 20px; float: left; background: transparent }
.produto-descricao p, .produto-descricao div { background: transparent!important; margin: 0; font-size: 14px; line-height: 20px }
.compartilhar { clear: both; padding-top: 40px; float: left }
.compartilhar span { height: 23px!important; float:left; display: table }

/* componentes do produto */
#produto-componentes { width: 100%; float: left; display: block; padding: 40px 0 }
.produto-avaliacao, .recomendados { clear: both!important; padding-top: 70px }

/* rodape */
footer { width: 100%; clear both; padding-top: 50px; position: absolute; z-index: 30 }
#totop { position: absolute; right: 30px; top: 0; cursor: pointer }
#instafotos { background: url(/lojas/9s0e9/layout/imagens/template7/4c119497-8ffc-4d33-9376-594b75bbd9cf.png); width: 981px; height: 150px; position: relative; margin: 0 auto 55px; overflow: hidden }
#instafotos div { height: 140px; display: block; width: 845px; position: relative; float: right; margin: 5px 50px 0 0 }
footer h3 { color: #CF1825; font-size: 15px; margin: 0 0 20px }
footer #section-paginas, footer #atendimento, footer #newsletter, footer #likebox { float: left; width: 24%; overflow: hidden; margin-right: 2% }
footer #section-paginas { width: 16% }
footer #section-paginas li { line-height: 20px } 
footer #atendimento { width: 28%; margin-right: 5% }
footer #newsletter { width: 20%; margin-right: 2% }
footer #likebox { width: 27%; margin-right: 0!important }
#atendimento li { margin-bottom: 8px }
#atendimento li span.img { background: url(/lojas/9s0e9/layout/imagens/template7/1b8c3935-a3ab-439e-9006-5dfd4143a6fa.png); float: left; width: 16px; height: 18px; margin-right: 7px }
#atendimento li#telefone span.img { background-position: 0 -67px; margin-top: 2px }
#atendimento li#horario span.img { background-position: 0 0 }
#atendimento li#email span.img { background-position: 0 -21px }
#atendimento li#endereco span.img { background-position: 0 -42px }
#atendimento li#whatsapp span.img { background-position: 0 -86px; margin-top: -2px }
#atendimento li span.info { display: table }
#newsletter input { background: #fff; border: 0; width: 90%; height: 28px; padding: 0 10px; box-shadow: none; margin-bottom: 10px }
#newsletter button { border: 0; border-radius: 0; background: #CF1825; width: 85px; height: 25px; color: #fff; font-size: 12px; text-align: center; display: block }
footer #pagamentos { border-top: 4px solid #fff; text-align: center; padding: 20px 0 10px; margin-top: 40px }
footer #copyright { text-align: center; font-size: 11px!important; padding-bottom: 25px }
footer #copyright p { margin: 0; line-height: 14px }

.jquery-lightbox-button-close, .jquery-lightbox-button-close:hover { background: url(https://lh5.googleusercontent.com/-CVTCgjwt2Go/UlCoBKhg76I/AAAAAAAAJ2o/HnxMLzKQRC4/s47/close.png) no-repeat transparent; position:absolute; right:-29px; height: 47px }



/* ************************** LAYOUT RESPONSIVO ************************** */

@media screen and (min-width: 0px) and (max-width: 1024px) {
  
  .container { width: 100%!important; padding: 0 10px!important }
  #section-principal .container { overflow: hidden }
  
  .catalogo-linha li { width: 22.8%; margin-right: 2%!important }
  
  #article-produto-detalhe .fotos { width: 40% }
  #article-produto-detalhe #produto-detalhe { width: 60%; border: 0 }
  
}

@media screen and (min-width: 0px) and (max-width: 960px) {
  
  body { padding-top: 260px }
  
  #fundo-topo { height: 96% }
  
  #instafotos { display: none }
  
  footer { margin-top: 100px }
  #totop { top: -60px; left: 0; width: 100%; text-align: center }
  #fundo-rodape { height: 100% }
  
}

@media screen and (min-width: 0px) and (max-width: 770px) {

  body { padding-top: 0 }
  header { position: relative; margin-bottom: 10px }

  .catalogo-linha li { width: 31% }
  
  footer #section-paginas, footer #atendimento, footer #newsletter, footer #likebox { width: 100%; margin-bottom: 50px }
  
}

@media screen and (min-width: 0px) and (max-width: 740px) {
  
  header li#li-saudacao, header li.bolina:nth-child(2)  { display: none }

  #logo { width: 100%; text-align: center }
  #header-center { width: 100% }
  #header-center form { margin-left: 20px }
  #carrinho { width: 25%; padding-top: 0; position: absolute; top: 50px; right: 4% }
  
}

@media screen and (min-width: 0px) and (max-width: 600px) {
  
  header form { margin-left: 0!important; display: table; margin: 0 auto 20px!important; }
  
  .catalogo-linha li { width: 47.5%; height: 430px }
  .catalogo-linha li a.catalogo-foto { height: 270px!important }
  
  #article-produto-detalhe .fotos, #article-produto-detalhe #produto-detalhe { width: 100%; padding: 0; margin-bottom: 50px }
  
}

@media screen and (min-width: 0px) and (max-width: 500px) {
  
  #logo { width: 60%; text-align: left }
  
}

@media screen and (min-width: 0px) and (max-width: 415px) {

  #slideshow-container { display: none }
  
  #logo { width: 55% }
  #carrinho { width: 40% }
  
  .catalogo-linha ul, footer #section-paginas, footer #atendimento, footer #newsletter, footer #likebox, footer #likebox div, footer input { width: 100%!important }
  .catalogo-linha li { width: 100%; height: 530px }
  .catalogo-linha li a.catalogo-foto { height: 380px!important }
  
  footer #section-paginas, footer #atendimento, footer #newsletter, footer #likebox { margin-bottom: 60px!important }
  #pagamentos img { width: 95% }
  
}

@media screen and (min-width: 0px) and (max-width: 385px) {
  
  #section-categorias { margin-bottom: 10px }
  #section-categorias li, #section-categorias li:hover { width: 100%; background-position: top }
  #section-categorias li ul { position: relative; background: none #000!important; border-radius: 0 0 6px 6px }
  
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  
  #logo { width: 90%; text-align: center; margin: 0 auto; display: table; float: none }
  header form { margin: 0!important; width: 100%!important }
  header input { width: 70%!important }
  header button { width: 15%!important }
  header #carrinho { position: relative!important; width: auto!important; display: table!important; top: 0; left: 0; margin: 0 auto!important; float: none!important; padding: 20px 0 }
 
  .catalogo-linha li { height: 450px }
  .catalogo-linha li a.catalogo-foto { height: 300px!important }
  
}